import Vue from 'vue'
// 重置浏览器默认样式
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
// 导入element组件库
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 多语言配置
// import locale from 'element-ui/lib/locale/lang/en' // lang i18n
// 导入注册项目全局组件插件
import globleComponents from '@/components'
// 全局样式
import '@/styles/index.scss' // global css

import App from './App'
import store from './store'
import router from './router'

//
import '@/icons' // icon
// 添加路由拦截器
import '@/permission' // permission control

// 导入指令
// import * as 名字 from '路径' 把所有的导出放到一个对象上
import * as directives from '@/directives/index.js'
console.log('指令:', directives, directives.imgError)
// 注册多个全局指令
Object.keys(directives).forEach((item) => {
  Vue.directive(item, directives[item])
})
// 注册全局插件
Vue.use(globleComponents)
// set ElementUI lang to EN
// 默认是中文=>use方法执行流程:1.接收插件对象(install方法) 2.调用install方法
Vue.use(ElementUI)
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
